<div class="grid_10">    	
    <ul id="breadcrumbs">
        <li class="base">Vous êtes à : </li>
		<li><a href="#/accueil" class="current_page">Accueil</a></li>
		<li><a href="#/add" class="current_page">Ajouter</a></li>			
    </ul>
</div>
<div class="grid_4 suffix_2" id="buttonForm">

</div>
<div class="grid_16 alltasks">
	<div id="slider-two">
		<div><h2><span id="entete">Général</span></h2>
			<div class="grid_16 panel">
				<label class="grid_3">Objet:</label>
				<input type="text" name="objet" size="60" class="grid_12" id="id_object"/>
				<div class="clear"></div>
				
				<label class="grid_3">Priorité:</label>
				<div class="grid_13">
					<div id="radio">
						<input type="radio" id="radio1" name="radio" /><label for="radio1">Faible</label>
						<input type="radio" id="radio2" name="radio" /><label for="radio2">Moyenne</label>
						<input type="radio" id="radio3" name="radio" /><label for="radio3">Haute</label>
					</div>
				</div>
				<div class="clear"></div>
				
				<label class="grid_3">Date: </label>				
				<div class="grid_13">
					<input type="date" name="date" id="datepicker" />
				</div>	
				<div class="clear"></div>
				
				<label class="grid_3">Description: </label>
				<textarea cols="50" rows="5" id="id_desc" name="description" class="grid_12"></textarea>

				<div class="clear"></div>

				<label class="grid_3">Tags: <br/><small>(séparés par des virgules)</small></label>
				<textarea cols="50" rows="2" id="id_tags" name="tags" class="grid_12"></textarea>		
			</div>			
		</div>
		
		<div><h2><span id="entete">Catégorie</span></h2>			
			<div id="treeCategorie"></div>				
		</div>
			
		<div><h2><span id="entete">Lieu</span></h2>
			<div class="grid_16 panel">
				<label class="grid_3">Adresse :</label>
				<form>
				    <div class="full grid_6">
						<input type="text" id="location" value="Paris">
				    </div>
				</form>		
			</div>
		</div>
				
		<div><h2><span id="entete">Rappel</span></h2>
			<div class="grid_16 panel">
					
				<label class="grid_4">Créer une alerte :</label>
		
				<div class="grid_3">
					<input type="text" name="date" id="datepicker2" placeholder="Date de l'alerte">
				</div>
					
				<div class="grid_3">
					<input type="time" name="myTime" id="timepicker" placeholder="Heure de l'alerte">
				</div>
					
				<div class="grid_3">
					<button type="button" class="addAlerte" onclick="addAlerte()">Ajouter l'alerte</button>
				</div>	
				<div id="nouvelle"></div>			
			</div>
		</div>
	</div>		
</div>
<div id="filter"></div>	

<div id="myModal" class="reveal-modal">
	<h1>Fonction non implantée encore !</h1>
	<p>Cette fonctionnalité n'est pas encore implantée au sein de l'application.</p>
	<a class="close-reveal-modal">&#215;</a>
</div>
<div id="visuTask" class="reveal-modal">
	<div class="taskBut">
		<ul>
			<li><a href="#" data-reveal-id="myModal" class="finishTask">Terminer</a></li>
			<li><a href="#" data-reveal-id="myModal" class="editTask">Editer</a></li>
			<li><a href="#" data-reveal-id="myModal" class="deleteTask">Supprimer</a></li>
			<li><a href="#" data-reveal-id="myModal" class="favTask">Favoris</a></li>
		</ul>
	</div>
		
	<a class="close-reveal-modal">&#215;</a>
</div>
